<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>列表</title>
		<link rel="stylesheet" href="/css/base.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/list.css" />
		<link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
		<script src="/libs/requirejs/require.js" data-main="/js/list"></script>

	</head>

	<body>
		<div class="wrapper">
			<header></header>
			<h2>夏季爆款</h2>
			<div class="list-wrapper">
				
			</div>

			<footer></footer>

			<script type="text/html" id="list-template">
				{{each products prod}}
				<div class="list-prod">
					<a href="/html/detail.html?id={{prod.id}}">
						<img src="{{prod.image}}" alt="" />
						<div>
							<p>{{prod.title}}</p>
							<p>￥{{prod.price}}</p>
						</div>
					</a>
				</div>
				{{/each}}
				</script>
		</div>
	</body>

</html>